*{margin:0px;padding:0px;}
li{list-style:none;}
#calendar{
	width:567px;
	height:455px;
	background:url(../images/bg1.jpg) no-repeat 0px 0px;
	margin:20px auto;
	overflow:hidden;
	font-family:'微软雅黑';
}
#calendar .select{
	width:143px;
	height:38px;
	margin:14px auto;
}
#calendar .select .time{
	width:143px;
	height:32px;
	padding-top:6px;
	background:url(../images/bg.jpg) no-repeat -12px -12px;
	position:relative;
	z-index:1;
}
#calendar .select .time a{
	display:block;
	width:15px;
	height:27px;
	float:left;
	margin-left:2px;
}
#calendar .select .time .btnPre:hover{
	background:url(../images/bg.jpg) no-repeat -14px -61px;
}
#calendar .select .time .btnNext:hover{
	background:url(../images/bg.jpg) no-repeat -138px -61px;
}
#calendar .select .time .year{
	width:64px;
	height:27px;
	float:left;
	margin-left:2px;
	position:relative;
	z-index:1;
}
#calendar .select .time .month{
	width:39px;
	height:27px;
	float:left;
	margin-left:2px;
	position:relative;
	z-index:1;
}
#calendar .select .time span{
	display:block;
	width:100%;
	height:27px;
	line-height:27px;
	color:#503f25;
	font-size:12px;
	text-indent:3px;
	cursor:pointer;
}
#calendar .select .time span i{
	font-style:normal;
}
#calendar .select .time select{
	position:absolute;
	width:64px;
	top:27px;
	border:0px;
	display:none;
	z-index:1;
}
#calendar table{
	width:358px;
	height:294px;
	margin:50px auto;
	position:relative;
	border-collapse: collapse;
	z-index:0;
}
#calendar table thead th{
	width:50px;
	height:32px;
	background:#fbfbf9;
	font-size:14px;
	font-weight:100;
}
#calendar table thead th.red{
	color:#ba4f2d;
}
#calendar table tbody td{
	text-align:center;
	width:50px;
	height:43px;
	cursor:pointer;
	font-family:Arial;
}
#calendar table tbody td span{
	color:#ccc;
}
#calendar table tbody td:hover{
	background:url(../images/bg.jpg) no-repeat -436px -297px;
}
#calendar table tbody td.active{
	color:#000;
	background:url(../images/bg.jpg) no-repeat -384px -297px;
}